<div>
    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="UTF-8">
        <title>Insert title here</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <script type="text/javascript" src="jquery.js"></script>
        <script>
        $(document).ready(function() {
            $.ajax({
                url: "data.json", //json文件位置
                type: "GET", //请求方式为get
                dataType: "json", //返回数据格式为json
                success: function(data) { //请求成功完成后要执行的方法 
                    //each循环 使用$.each方法遍历返回的数据date
                    $.each(data.first, function(i, item) {
                 var tri = "<tr>"+"<td>"+"<input type='radio'/ name='radio'>"+"</td>"+"<td>"+item.name+"</td>"+"<td>"+item["area"]+"</td>"+"<td>"+item["project_name"]+"</td>"+"<td>"+item["id"]+"</td>"+"<td>"+item["version"]+"</td>"+"<td>"+item["last_connecttime"]+"</td>"+"<td>"+item["person"]+"</td>"+"<td>"+item["number"]+"</td>"+"</tr>";
                  $(".jtable").append(tri);
                    })
                }
            })
        });
        </script>
    </head>
	
    <body>

      <table class="jtable" border=1 bordercolor=red >
          <tr>
          <th></th>
              <th>物业名称</th>
              <th>所属省市</th>
              <th>项目名称</th>
               <th>车场编号</th>
                <th>版本</th>
                 <th>最后一次联网时间</th>
                  <th>项目联系人</th>
                   <th>联系电话</th>
          </tr>
      </table>
    </div>
    </body>

    </html>
</div>